<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><style type="text/css">
<!--
BODY {

	BACKGROUND:799ae1;
	margin-top:1px;
	background-color: #B0E0E6;
}
td,tr,table{
	font-size:12px;
}
.sec_menu {
	BORDER-RIGHT: white 1px solid;
	OVERFLOW: hidden;
	BORDER-LEFT: white 1px solid;
	BORDER-BOTTOM: white 1px solid;
	background-color: ece9d8;
}

table{margin-top:1px;}

.menu_title SPAN {
	FONT-WEIGHT: bold; LEFT: 10px; COLOR: #316AC5; POSITION: relative; TOP: 2px 
}

.menu_title2 SPAN {
	FONT-WEIGHT: bold; LEFT: 10px; COLOR: #428eff; POSITION: relative; TOP: 2px
}



.style1 {color: #FBEFFB}
.style2 {color: #D8D8D8}
-->
</style>

	<body>
	    <table cellspacing="0" cellpadding="0" >
    	<tr>
			<td valign="bottom" height="38">
				<img height="30" src="img/logo.gif" width="129" border="0"></td>
	    </tr>
	    <tr>
    		<td width="129"  background="img/title_bg_quit.gif" height="25"> 
      <span><b><a target="mainFrame" href="leaseAndPartTime.do"><font color="215DC6">回到首页</font></a></b> 
      | <a target="_top" href="#"><font color="215DC6"><b>退出 </font></a></span></td>
	</tr>
	<br>
	    </table>
		
		<div id="leftMenu_div" class="layout_leftmenu"  >
			<c:forEach items="${sessionScope.powerList}" var="topFunc">
				<div class="layout_leftMenu_moduleDiv">
					<div  id="topFunc_<c:out value="${topFunc.powerOrder}"/>" style="background-color:#4682B4;width:129px;height:auto;margin-top:1px;">
						<img
							id="topFunc_<c:out value="${topFunc.powerOrder}"/>_expansionMark"
							src="<c:url value="/img/icon_menuCong_1.gif"/>" alt="" />
						<span 
							onclick="onShowLeftSubmenu('topFunc_<c:out value="${topFunc.powerOrder}"/>');"
							style="cursor: pointer;" > <c:out value="${topFunc.powerName}"   /> 
						</span>
						</div>
					</div>	
			
					<div style="background-color:#E0FFFF;width:129px;height:auto;" id="topFunc_<c:out value="${topFunc.powerOrder}"/>_subMenu" style="display: none;" >
						<c:forEach items="${topFunc.childPower}" var="subFunc">
							<div  
								id="subFunc_<c:out value="${topFunc.powerOrder}"/>_<c:out value="${subFunc.powerOrder}"/>">
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<a href="${subFunc.powerRoad}" target="mainFrame">${subFunc.powerName}</a>
							</div>
						</c:forEach>
					</div>
			</c:forEach>
		</div>
	</body>
<script type="text/javascript">
	var submenuDivIdSuffix = '_subMenu';
	var expansionSubmenuImgIdSuffix = '_expansionMark';
	function onShowLeftSubmenu(menuDivId)
	{
		var subMenuDivId = menuDivId + submenuDivIdSuffix;
    	var expansionSubMenuImgId = menuDivId + expansionSubmenuImgIdSuffix;
    	var isExpansionSubMenu = (document.getElementById(subMenuDivId).style.display == 'block');
    	if (isExpansionSubMenu) {
        	document.getElementById(subMenuDivId).style.display = 'none';
        	document.getElementById(expansionSubMenuImgId).src = 'img/icon_menuCong_1.gif';
    	} else {
       	 	document.getElementById(subMenuDivId).style.display = 'block';
       	 	document.getElementById(expansionSubMenuImgId).src = 'img/icon_menuCong_2.gif';
	    }
	}
</script>

</html>